<template>
  <div class="detail-step">
    <XtxSteps :active="order.orderState ===6 ? 1 :order.orderState">
      <xtxStepsItemVue title="提交成功" desc="2021-03-18 02:11:11"></xtxStepsItemVue>
      <xtxStepsItemVue title="付款成功" desc="2021-03-18 02:11:11"></xtxStepsItemVue>
      <xtxStepsItemVue title="商品发货" desc="2021-03-18 02:11:11"></xtxStepsItemVue>
      <xtxStepsItemVue title="收货成功" desc="2021-03-18 02:11:11"></xtxStepsItemVue>
      <xtxStepsItemVue title="订单完成" desc="2021-03-18 02:11:11"></xtxStepsItemVue>
    </XtxSteps>
  </div>
</template>

<script>
import XtxSteps from '@/components/library/xtx-steps.vue'
import xtxStepsItemVue from '@/components/library/xtx-steps-item.vue'
export default {
  name: 'Detail-Step',
  components: {
    XtxSteps,
    xtxStepsItemVue
  },
  props: {
    order: {
      type: Object,
      default: () => ({})
    }
  }
}
</script>

<style>

</style>
